<nav class="nav-section" *ngIf="!loginService.isLoggedIn">
  <ul>
    <div class="nav">

      <p class="logo">MeetUps</p>
      <div class="nav-grow">
      </div>
      <div class="nav-end">
        <li>
          <a class="nav-link" routerLink="">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,48,48"
                 width="48px" height="48px">
              <g fill="#b85526" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
                 stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
                 font-family="none" font-weight="none" font-size="none" text-anchor="none"
                 style="mix-blend-mode: normal">
                <g transform="scale(10.66667,10.66667)">
                  <path d="M12,2.09961l-11,9.90039h3v9h6v-7h4v7h6v-9h3z"></path>
                </g>
              </g>
            </svg>
          </a>
        </li>
        <li>
          <a class="nav-link" routerLink="/login">
            <svg width="auto" height="38px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M24 24.6C30.63 24.6 36 19.23 36 12.6C36 5.97001 30.63 0.600006 24 0.600006C17.37 0.600006 12 5.97001 12 12.6C12 19.23 17.37 24.6 24 24.6ZM24 30.6C15.99 30.6 0 34.62 0 42.6V48.6H48V42.6C48 34.62 32.01 30.6 24 30.6Z"
                fill="#B85526"/>
            </svg>
          </a>
        </li>
      </div>
    </div>
  </ul>
</nav>


<nav *ngIf="loginService.isLoggedIn">
  <ul>
    <div class="nav">
      <p class="logo">MeetUps</p>
      <div class="nav-grow">
        <p>Пользователь: <br> {{ loginService.userName }}</p>
        <li>
          <a routerLink="/all-meetups" routerLinkActive="active" [routerLinkActiveOptions]="{exact:
true}" class="nav-link" >Все митапы</a>
        </li>
        <li>
          <a routerLink="/my-meetups" routerLinkActive="active"   class="nav-link" >Мои митапы</a>
        </li>
        <li *ngIf="loginService.adminLoggedIn">
          <a routerLink="/all-users" routerLinkActive="active" class="nav-link" >Пользователи</a>
        </li>
      </div>
      <div class="nav-end">
        <li>
          <a routerLink="">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256"
                 width="48px" height="48px">
              <g fill="#b85526" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
                 stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
                 font-family="none" font-weight="none" font-size="none" text-anchor="none"
                 style="mix-blend-mode: normal">
                <g transform="scale(10.66667,10.66667)">
                  <path d="M12,2.09961l-11,9.90039h3v9h6v-7h4v7h6v-9h3z"></path>
                </g>
              </g>
            </svg>
          </a>
        </li>

        <li>
          <button class="ax-button" (click)="loginService.logout()">
            <svg width="48" height="50" viewBox="0 0 60 66" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_4437_143)" filter="url(#filter0_d_4437_143)">
                <path
                  d="M24.0068 42.6733L27.7668 46.4333L41.1001 33.1L27.7668 19.7666L24.0068 23.5266L30.8868 30.4333H5.1001V35.7666H30.8868L24.0068 42.6733ZM47.7668 9.09998H10.4334C7.47343 9.09998 5.1001 11.5 5.1001 14.4333V25.1H10.4334V14.4333H47.7668V51.7666H10.4334V41.1H5.1001V51.7666C5.1001 54.7 7.47343 57.1 10.4334 57.1H47.7668C50.7001 57.1 53.1001 54.7 53.1001 51.7666V14.4333C53.1001 11.5 50.7001 9.09998 47.7668 9.09998Z"
                  fill="#B85526"/>
              </g>
              <defs>
                <filter id="filter0_d_4437_143" x="-4" y="0" width="68" height="68" filterUnits="userSpaceOnUse"
                        color-interpolation-filters="sRGB">
                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                 result="hardAlpha"/>
                  <feOffset dy="4"/>
                  <feGaussianBlur stdDeviation="2"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4437_143"/>
                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4437_143" result="shape"/>
                </filter>
                <clipPath id="clip0_4437_143">
                  <rect width="60" height="60" fill="white"/>
                </clipPath>
              </defs>
            </svg>
          </button>
        </li>
      </div>
    </div>
  </ul>
</nav>



